// 详情公共样式
.DetailView{
	
	.Main_CardListBox {
		padding: 10px 15px;

		.CardBox {
			position: relative;
			margin-bottom: 20rpx;
			background-color: #fff;
			padding: 15px;
			overflow: hidden;
			border-radius: 12px;
			// min-height: 300px;
			box-shadow: 0 0 8px -7px #333;

			.Xuhao_YL {
				position: absolute;
				left: 0;
				top: 0;
				min-width: 24px;
				height: 24px;
				line-height: 24px;
				background-color: #51d0d0;
				border-radius: 0 0 10px 0;
				text-align: center;
				color: #fff;
			}

			.Main_Card_Top {
				display: flex;
				align-items: center;
				justify-content: space-between;

				.OrdinalBox {
					width: fit-content;
					min-width: 24px;
					height: 24px;
					border-radius: 9999px;
					background-color: #51d0d0;
					color: #fff;
					font-size: 14px;
					line-height: 24px;
					text-align: center;
				}

				.Title_Text {
					margin-left: 6px;
					font-weight: 600;
					font-size: 24rpx;
				}
			}

			.CommonBox {
				border-radius: 8px;
				background-color: #f7f7f7;
				padding: 10px 0px;
				margin-top: 15px;

				.CommonBoxDiv {
					word-wrap: break-word;
					// direction: rtl;
				}

				.custom-cell {
					background-color: transparent !important;
					color: inherit !important;

					.uni-data-checklist .checklist-group ::v-deep .checklist-box {
						margin-right: 5px !important;
					}
				}

				.TextBox {
					font-size: 24rpx;
					display: flex;
					flex-direction: column;
					align-items: center;
					flex: 1;
				}


				.LeftIcon {
					width: 30px;
					height: 30px;
					line-height: 30px;
					font-size: 18px;
					border-radius: 8px;
					color: #fff;
					background-color: #01b87d;
					text-align: center;
				}


			}

			.ShowSigningWork {
				display: flex;
				justify-content: flex-end;
				align-items: center;
				margin-top: 10px;

				.button {
					padding: 0rpx 10rpx;
					border-radius: 99999px;
					min-width: 120px;
					background-color: #fff;
					zoom: .8;
					margin-left: 6px !important;
				}
			}
		}
	}

	.content {
		display: flex;
		flex-direction: column;
		height: 100vh;
		// height: calc(100vh - 60px);
		background-color: #f9f9f9;

		uni-button {
			margin-left: initial !important;
			margin-right: initial !important;
		}

		.MainPopup {
			flex: initial !important;

	

			.u-transition {
				z-index: 99999 !important;
			}


			.PopupMainBox {
				padding: 12px 10px 6px;
				flex: 1;
				// overflow: auto;

				.CellBox {
					margin-bottom: 20px;

					.LeftBox {
						font-size: 14px;
						color: #999;
						margin-right: 10px;
					}
				}

				.uni-input-placeholder {
					color: #6a6a6a !important;
					font-size: 12px !important;
				}
			}

			.PopupBottomBox {
				display: flex;
				align-items: center;
				justify-content: flex-end;
				padding: 10px 10px;

				.CancelBtn {
					background-color: #fff;
					color: #51d0d0;
					border: 1px solid #51d0d0;
					min-width: 80px;
				}

				.ComfirmBtn {
					background-color: #51d0d0;
					color: #fff;
					min-width: 80px;
					margin-left: 10px !important;
				}
			}
		}

		.MainBox {
			flex: 1;
			overflow: auto;
			// padding: 10px;

			// 表单1
			.u-form {
				// padding: 0px 10px;

				.u-form-item {
					background-color: #fff;
					padding: 0 16px;
				}


				.TopOption {

					.u-form-item__body {
						flex-direction: column !important;
					}
				}

				// 起止时间
				.ChoiceTimesBox {
					width: 100%;
					display: flex;
					align-items: center;
					// background-color: #fff;
					// padding: 18px 10px;
					// margin-top: 10px;

					.TimeBox {
						flex: 1;
						display: flex;
						align-items: center;
						justify-content: space-evenly;

						.timer {
							width: 100%;
							flex: 2;
							display: flex;
							flex-direction: column;
							// align-items: center;
							font-size: 14px;
							color: #333;

							text:first-child {
								margin-bottom: 10px;
								font-weight: 600;
							}

							text:last-child {
								height: 20px;
							}
						}

						.Icon {
							flex: 1;
						}
					}
				}


				// 上传-删除图标
				.u-upload__deletable {
					width: 20px;
					height: 20px;

					.u-upload__deletable__icon {
						right: -1px !important;

						.u-icon__icon {
							font-size: 20px !important;
							line-height: 16px !important;
						}
					}
				}
			}
		}

		.BottomBox {
			width: 100%;
			border-top: 1px solid #efefef;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			background-color: #fff;
		}
			
		
	}
		
		
}

// 列表公共样式
.ListView{
	   
	.content {
		background-color: #eeeeee;
		// padding: 0 10px !important;
		height: 100vh;
		display: flex;
		flex-direction: column;

		.icon-flip-vertical {
			display: inline-block;
			/* 或者其他适合你的布局的display值 */
			transform: scaleY(-1);
			/* 垂直翻转 */
		}

		.MainList {
			flex: 1;
			overflow: auto;
			padding: 10px;
			position: relative;
		}


		// 顶部tab栏
		.TabsBox {
			padding: 10px 15px;
			background-color: #fff;
			border-bottom: 2px solid #eee;

			.u-tabs__wrapper__nav__item__text {
				padding: 4px 10px !important;
			}
		}
		
		// 顶部tab栏  带时间筛选
		.TabsBox1 {
			padding: 10px 15px;
			background-color: #fff;
			border-bottom: 2px solid #eee;
			display: flex;
			align-items: center;

			.u-tabs__wrapper__nav__item__text {
				padding: 4px 10px !important;
			}

			.example-body {
				width: 90%;
				// padding: 6px 20px;
				color: #fff;
				background-color: #51d0d0;
				display: flex;
				justify-content: space-between;
				align-items: center;

				.uni-date {
					background-color: #fff;

					.uni-date-editor--x {
						background-color: #fff !important;
					}

					.uni-date__icon-clear {
						background-color: #fff !important;
					}
				}

				.BtnBox {
					margin-left: 8rpx;
				}
			}

		}

		.CardBox {
			position: relative;
			background-color: #fff;
			border-radius: 12px;
			padding: 10px !important;
			margin: 10px 0;


			// 卡片盒子右上角图标
			.RightTop {
				position: absolute;
				right: 0;
				top: 0;
				width: 50px;
				height: 50px;
				line-height: 50px;
				border-radius: 8px;
				background-color: transparent;
				text-align: center;
				display: flex;
				justify-content: center;
				align-items: center;

				.IconBox {
					width: 30px;
					height: 30px;
					line-height: 30px;
					border-radius: 8px;
					background-color: #f1f1f1;
					text-align: center;
				}
			}

			.CardMainBox {
				display: flex;
				flex-direction: column;

				.CardTop {

					.OrderStatus {
						font-size: 24rpx;
						font-weight: 600;
						padding: 6rpx 12rpx;
						border-radius: 99999px;
						width: fit-content;
						min-width: 100rpx;
						text-align: center;
						letter-spacing: 2rpx;

						background-color: #e8e8e8;
						color: #3c3c3c;
					}


					.OrderStatus_-1 {
						background-color: #d9f5ec;
						color: #269b74;
					}


					.OrderStatus_0 {
						background-color: #e8e8e8;
						color: red;
					}


					.OrderStatus_1 {
						background-color: #d9f5ec;
						color: #269b74;
					}


					.OrderStatus_2 {
						background-color: #d9f5ec;
						color: #269b74;
					}


				}
			}

		}


	}
	   
	.MainPopup {
		flex: initial !important;

		.u-transition {
			z-index: 99999 !important;
		}

		.ProgressBox {
			display: flex;
			flex-direction: column;
			padding: 20px;
			min-width: 70vw;
			position: relative;

			.Type {
				border-radius: 14px;
				font-weight: 600;
				padding: 4px 8px;
				font-size: 14px;
				position: absolute;
				top: 16px;
				right: 20px;

			}


			.Type_0 {
				background-color: #e8e8e8;
				color: #3c3c3c;
			}


			.Type_1 {
				background-color: #d9f5ec;
				color: #269b74;
			}


			.Type_-1 {
				background-color: #f5fccd;
				color: #d0d30b;
			}


			.Type_2 {
				background-color: #d7eefc;
				color: #1d87cf;
			}

			.TitleName {
				// font-size: 16px;
				font-size: 32rpx;
				font-weight: 600;
				color: #333;
			}
		}

		.PickerClass {
			flex: initial !important;
		}

		.PopupMainBox {
			padding: 15px;
			flex: 1;
			overflow: auto;
			padding-bottom: 20px;

			.custom-cell {
				background-color: transparent !important;
				/* 阻止背景色变化 */
				color: inherit !important;
				/* 阻止字体颜色变化 */
			}

			.CheckBox {
				margin-top: 20px;
			}


			.My_Picker_Box {
				padding: 6px 4px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				border: 1px solid #e5e5e5;
				border-radius: 4px;

				.PickMainBox {
					flex: 1;
					display: flex;
					justify-content: space-between;
					align-items: center;
					font-size: 14px;
					color: #666;

					.My_Picker_Text {
						flex: 1;
						text-align: center;
					}
				}
			}
		}

		.MainBox {
			padding: 0px 2px;
			flex: 1;
			overflow: auto;
		}

	}
	   
	.BottomBox {
		height: 70px;
		line-height: 70px;
		padding: 6px 15px;
		border-top: 1px solid #efefef;
		display: flex;
		align-items: center;
		background-color: #fff;

		.SaveBtn {
			width: 40%;
			background-color: #fff;
			color: #51d0d0;
			border: 1px solid #51d0d0;
			border-radius: 12px;
		}

		.SubBtn {
			width: 40%;
			background-color: #51d0d0;
			color: #fff;
			border-radius: 12px;
		}
	}
	
}

// 弹出提示框样式
.popup-content {
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	width: 80vw;
	max-width: 500px;
	padding: 10px 20px 10px 20px;
	font-size: 12px;
	border-radius: 4px !important;
	overflow: hidden;

	.popup-content_close {
		position: absolute;
		top: 0;
		right: 0;
		width: 28px;
		height: 28px;
		font-weight: 600;
	}

	.title {
		font-size: 18px;
		font-weight: 600;
		text-align: center;
	}

	.popup-content_desc {
		margin: 24px 0;
		text-align: center;
		color: #999;
	}

	.contentView {
		font-size: 18px;
		display: flex;
		justify-content: center;
		padding: 15px 0;
	}

	.check {
		zoom: .9;
		font-size: 13px;
		color: #999;
	}

	.btnBox {

		.u-button {
			width: 44% !important;
		}
	}
}

// 模态提示框样式
.u-modal__content {
	text-align: center !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	padding: 20px !important;
}
    
// 文字字体样式
.newlineDiv {
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 14px;
}

.newlineDiv text {
	font-size: 14px;
}
// 表格样式
.table {
	padding: 5rpx 10rpx 0 10rpx;
	table {
		padding: 0;
		margin: 0;
		width: 100%;
		border-collapse: collapse;
		color: #fff;
		tr {
			th {
				text-align: center;
				color: #fff;
				font-size: 20px;
				height: 34px;
				white-space: nowrap;
				border: 1px solid #808080;
				background: rgb(81, 208, 208);
				position: sticky;
				white-space: nowrap;
				overflow-x: scroll;
			}
			input {
				font-size: 20px;
			}
			td {
				text-align: center;
				font-size: 20px;
				height: 34px;
				white-space: nowrap;
				padding: 0 5px;
				border: 1px solid #808080;
				color: #000;
				overflow-x: scroll;
				position: relative;
				text-align: center;
				background-color: #fff;
				.text {
					position: absolute;
					right: 0;
					top: 0;
					display: inline-block;
					width: 100%;
					height: 100%;
				}
			}
		}
	}
}

/* 外层 scroll-view 样式 */
.scroll-view-fileList {
	width: 100%;
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	table {
		padding: 0;
		margin: 0;
		width: 100%;
		border-collapse: collapse;
		color: #fff;
		tr {
			th {
				text-align: center;
				color: #fff;
				font-size: 20px;
				height: 34px;
				white-space: nowrap;
				border: 1px solid #808080;
				background: rgb(81, 208, 208);
				position: sticky;
				white-space: nowrap;
				overflow-x: scroll;
			}
			input {
				font-size: 20px;
			}
			td {
				text-align: center;
				font-size: 20px;
				height: 34px;
				white-space: nowrap;
				padding: 0 5px;
				border: 1px solid #808080;
				color: #000;
				overflow-x: scroll;
				position: relative;
				text-align: center;
				background-color: #fff;
				.text {
					position: absolute;
					right: 0;
					top: 0;
					display: inline-block;
					width: 100%;
					height: 100%;
				}
			}
		}
	}
	.fixed-table thead th {
		height: 34px;
		text-align: center;
		border: 1px solid #808080;
		background-color: #51d0d0;
		color: #fff;
		font-size: 14px;
		white-space: nowrap;
	}
	.sticky-col {
		position: sticky;
		left: 0;
		z-index: 11;
		/* 比其他列高 */
		background-color: #51d0d0;
		/* 表头背景色 */
		width: 50px !important;
		/* 固定宽度 */
	}
	.fixed-table {
		width: 100%;
		min-width: 100%;
		border-collapse: collapse;
		table-layout: fixed;
		tbody {
			td.sticky-col {
				background-color: #fff;
				z-index: 10;
			}
			td {
				text-align: center;
				font-size: 14px;
				height: 34px;
				padding: 0 5px;
				border: 1px solid #808080;
				background-color: #fff;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
		}
	}
	.fixed-textarea {
		width: 100%;
		min-width: 100%;
		font-size: 14px;
		text-align: center;
		background-color: #ffff !important;
	}
	.fixed-cell {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

// 查询按钮
.AddBottomBox {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 10px;
	justify-content: flex-end;
	background-color: #f8f9fa;
	border-top: 1px solid #eee;
	.left-buttons {
		display: flex;
		gap: 10px;
		/* 按钮间距 */
	}
	.CancelBtn {
		background-color: #fff;
		color: #51d0d0;
		border: 1px solid #51d0d0;
		min-width: 80px;
		padding: 5px 10px;
		border-radius: 4px;
		font-size: 14px;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
		transition: all 0.3s ease;
		&:active {
			background-color: #e6f7f7;
			transform: translateY(1px);
		}
	}
}










